﻿body 
{
    background-color:#dddddd; 
    margin-top:0px; 
    margin-left:0px; 
    font-family: Arial
}

.ContentTitle
{
    padding:3px; 
    position:relative;
    top:-40px;
    margin-left:5px;
}
/*     color:#5eb2e9; */


.ContentMain 
{ 
    font-family:Arial;
    left:150px; 
    position:relative; 
    background-image:url(/Images/ContentBackground.jpg); 
    background-color:#c1dde8; 
    width:819px; 
    z-index:100; 
}

.Content 
{
    background-image:url('/Images/ContentFooter.jpg'); 
    background-position:50% bottom; 
    background-repeat:no-repeat; 
    padding:10px; 
    position:relative;
    height:423px; 
    min-height:423px;
    top: -13px;
    left: -155px;
}

.page 
{
    background-color:#ffffff; 
    margin-right:auto; 
    margin-left:auto; 
    display:block; 
    width:980px;
}

.header 
{ 
    background-image:url(/images/Header.jpg); 
    background-repeat:no-repeat;	
    width:980px; 
    height:183px; 
}
    
.TopNavigation 
{
    color:#FFFFFF; 
    position:relative; 
    top:20px; 
    text-align:right; 
    left:600px; 
    width:350px;
}

TopNavigationLinks, a.TopNavigationLinks, a.TopNavigationLinks:Active 
{
    color:#FFFFFF; 
    font-weight:bold; 
    font-size:12px; 
    text-decoration:none;
}

a.TopNavigationLinks:Hover 
{
    text-decoration:underline;
    color:#FFFFFF;
}

.Navigation 
{ 
    font-family:Arial; 
    position:relative; 
    left:150px; 
}

.PrimaryNav 
{ 
    width:819px; 
    position:absolute; 
    top:104px; 
    left:-10px; 
}

.PrimaryNavLink 
{ 
    position:relative; 
    top:5px; 
    left:10px; 
    color: Gray;
    font-size:16px; 
    padding-right:10px; 
    text-decoration:none; 
    font-weight:bold; 
}

/*
TODO: For Chapter 3 primary nav links will be kept disabled

.PrimaryNavLink:hover 
{ 
    text-decoration:underline; 
}
*/

.PrimaryNavLinkActive 
{
    z-index:100;
    text-decoration:none; 
    padding-bottom:10px; 
    padding-right:10px;
    position:relative;
    top:5px;
    left:10px;
    color:#FF7828; 
    background-image:url(/Images/TopNavDownArrow.jpg); 
    background-repeat:no-repeat; 
    background-position: 0px 21px; 
    overflow:visible; 
    font-weight:bold;
}

.SecondaryNav 
{ 
    width:819px; 
    height:30px; 
    background-color:#000000; 
    color:#FF7828; 
    position:relative; 
    top:134px; 
}

.SecondaryNavLink 
{ 
    position:relative; 
    top:5px; 
    left:10px; 
    color:#FF7828; 
    font-size:12px; 
    padding-right:10px; 
}

.LeftNav 
{
    width:147px;  
    float:left; 
    position:relative;
}

.ContentHeader 
{ 
    background-image:url(/Images/ContentHeader.jpg); 
    background-repeat:no-repeat; 
    width:819px; 
    height:35px; 
}

.ContentFooter 
{ 
    font-family:arial; 
    color:#FF7828; 
    background-color:#000000; 
    font-size:12px; 
    height:30px; 
}

.FooterCopyRight 
{ 
    position:relative; 
    top:8px; 
    padding-left:10px; 
    float:left; 
}

.FooterLinks 
{ 
    position:relative; 
    top:8px; 
    float:right; 
}

.ContentFooterLink 
{ 
    color:#FF7828; 
    text-decoration:none; 
    padding-right:10px; 
}

.ContentFooterBackground 
{ 
    height:15px; 
    background-color:#0a3158; 
    width:980px; 
    position:relative; 
    z-index:50; 
}

.ContentFooterBackgroundHelper 
{ 
    height:35px;
    z-index:100;
    top:-30px;
    display:block;
    position:absolute;
    width:100%;
    background-color:#0a3158; 
}
    
/* CONTENT STYLES */
.divContainer 
{
    font-size:12px;
    background-image:url(/Images/transparent.gif); 
    padding:10px; 
    width:400px; 
    margin-left:auto;
    margin-right:auto;
    margin-top: -10px;
    text-align:center; 
}

.divContainerSmall
{
    font-size:12px;
    background-image:url(/Images/transparent.gif); 
    padding:10px; 
    width:270px; 
    margin-left:auto;
    margin-right:auto;
    margin-top: -5px;
}

.divContainerTitle 
{ 
    font-size:12px;
    font-weight:bold;
    text-align:left;
    padding:5px;
}

/*.divContainerCellHeader 
{
    display:block; 
    height:100%;
    padding-right:5px; 
    width:150px;
    text-align:right;
    font-weight:bold;
    float:left; 
}*/

/* form elements */

fieldset.login label
{
    width: 50px;
}

fieldset.register
{
    padding-left: 10px;
}

label.labelRegister
{
    font-size:12px;
}

fieldset.register p, fieldset.recoverPassword p
{
    text-align: left;
    left: 10px;
}

legend 
{
    padding: 2px 0px 8px 4px;
    font-weight: bold;
}

input.textEntry 
{
    width: 250px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 250px;
    border: 1px solid #ccc;
}

input.loginButton
{
    background-color: #FF9900;
    color: #284E98;
    border-color: #507CD1;
}

input.recoverPwdButton
{
    background-color: #FF9900;
    color: #284E98;
    border-color: #507CD1;
    float: right;
    margin-right: 10px;
}

input.EditAccountButton
{
    background-color: #FF9900;
    color: #284E98;
    border-color: #507CD1;
    float: right;
    margin-right: 60px;
}

.tableLogin
{
    width: 100%;
    padding-left: 10px;
    padding-right: 5px;
}

input.textRegister
{
    width: 200px;
}